<template>
  <div>
    <!-- 提现额度开始 -->
    <div class="eDu">
      <div class="eDuOne">
        <p>提现额度 <router-link to="/tixian" class="tiSheng">去提升></router-link></p>
        <p class="shu">0</p>
      </div>
      <div class="eDuOne eDuTo">
        <p>待完成额度</p>
        <p class="shu">0</p>
      </div>
      <div class="eDuTo">
        <el-button type="danger" disabled class="wei">提现</el-button>
      </div>
    </div>
    <div class="ziJin">
      <div class="ziJinOne">资金记录 ></div>
      <div class="ziJinOne">提现记录 ></div>
      <div class="ziJinOne ziJinTo">暂无记录</div>
      <div class="ziJinOne ziJinTo">暂无记录</div>
    </div>
    <div class="imgBoxOne">
      <img :src="imgOne" alt="" class="imgOne" />
     <router-link to="/sign"> <img :src="imgTo" alt="" class="imgOne" /></router-link>
    </div>
    <!-- 提现额度结束 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      imgOne: "../../../../static/images/wallet&signin/wallet04.png",
      imgTo: "../../../../static/images/wallet&signin/wallet03.png",
    };
  },
};
</script>

<style lang="less" scoped>
.eDu {
  display: flex;
  margin-top: 30px;
  justify-content: space-around;
  flex-wrap: wrap;
  height:130px;
//   border: 1px solid red;
}
.eDuOne {
    text-align: left;
  margin-left: 20px;
  width: 235px;
  height: 100px;
//   border: 1px solid red;
  p {
      padding-left: 5px;
    font-size: 30px;
    color: #555555;
    .tiSheng {
      font-size: 26px;
      color: #88aed6;
    }
  }
  .shu {
    font-size: 34px;
    margin-left: 15px;
    color: #ce3a3a;
  }
}
.eDuTo {
  width: 170px;
//   border: 1px solid red;
  .shu {
    font-size: 34px;
    // text-align: left;
    color: gray;
  }
  .wei {
    width: 120px;
    height: 60px;
    font-size: 26px;
    background-color: #fe3853;
    border-radius: 12px;
  }
}
.ziJin {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  text-align: left;
//   border: 1px solid green;
  .ziJinOne {
    margin-left: 5px;
    width: 260px;
    height: 90px;
    line-height: 90px;
    font-size: 28px;
    color: #808080;
    // border: 1px solid red;
  }
  .ziJinTo {
    margin-top: 20px;
    color: rgb(182, 177, 177);
  }
}
.imgBoxOne {
  display: flex;
  justify-content: space-around;
  margin-top: 50px;
//   border: 1px solid skyblue;
  .imgOne {
    margin-top: 5px;
    width: 310px;
  }
}
</style>